<template>
  <div
    class="info-header jusity-between mb-5px h-30px w-full flex items-center"
  >
    <span class="tag mr-6px h-20px w-5px bg-primary"></span>
    <div class="flex items-center justify-between w-100% position-relative">
      <div class="title-text family-alipuhui color-primary">
        {{ props.title }}
      </div>
      <slot name="extra" ></slot>
    </div>
  </div>
</template>
<script setup>
const props = defineProps({
  title: {
    type: String,
    default: '标题'
  }
});
</script>
<style lang="scss" scoped>
.tag {
  position: relative;
  // top: -2px;
}
.title-text {
  font-weight: bold;
  font-size: 15px;
}
</style>
